/*初始化元素*/
html,body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,form,td,th{margin:0;padding:0;}
ul,ol{list-style:none;}
em,i{font-style:normal;}
a{text-decoration:none;color:inherit;}
a:active,a:hover {outline:none;}
input,button,textarea{outline:none;border:none;}
textarea{resize:none;}
img{vertical-align:top;}
label { /*文字不能选中*/
-moz-user-select:none;/*火狐*/
-webkit-user-select:none;/*webkit浏览器*/
-ms-user-select:none;/*IE10*/
-khtml-user-select:none;/*早期浏览器*/
user-select:none;
}
* { box-sizing: border-box; letter-spacing: 1px; }
body {
    width: 100%;
    min-width: 1200px;
    font-size: 14px;
    font-family:"Microsoft YaHei", "sans-serif", Arial;
}
/*自定义常用原子类*/
.clearfix{ zoom:1; }
.clearfix:after{
    content: " ";
    height: 0;
    font-size: 0;
    display: block;
    clear: both;
}
.hide{display: none;}
.show{display: block;}
.f-l{float:left;}
.f-r{float:right;}
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.ellipsis{overflow:hidden;white-space:nowrap;word-wrap:normal;-o-text-overflow:ellipsis;text-overflow:ellipsis;}

/* 分页 */
.pagesBox {
    margin-top: 30px;
    text-align: right;
}

#contentWamp {
    background-color: #fff;
}
.submenu {
    width: 100%;
    height: 70px;
    background-color: #F2F2F2;
 }
.submenu .submenuContent {
    width: 1200px;
    margin: 0 auto;
    line-height: 70px;
    color: #333;
 }
.submenu .submenuContent span {
    color: #999;
 }

 /* 头部 header */
 .tpshop-yu-hander {
    width: 100%;
    height: 98px;
    background-color: #191D2B;
}
.tpshop-yu-hander-center {
    width: 1200px;
    margin: 0 auto;
    line-height: 98px;
    color: #fff;
}
.tpshop-yu-hander-center .logoBox {
    
}
.tpshop-yu-hander-center .logoBox a {
    display: block;
    color: #fff;
}
.tpshop-yu-hander-center .logoBox h1 {
    font-size: 30px;
    font-weight: normal;
    color: #fff;
}
.tpshop-yu-hander-center .logoBox h1 img {
    margin-top: 19px;
    margin-right: 20px;
}
.tpshop-yu-hander-center .navBox {}
.tpshop-yu-hander-center .navBox .navList {
    margin: 0 20px;
    font-size: 16px;
    float: left;
}
.tpshop-yu-hander-center .navBox .navList a {
    display: block;
    padding: 0 15px;
    color: #fff;
}
.tpshop-yu-hander-center .navBox .logined {
    position: relative;
}
.tpshop-yu-hander-center .navBox .logined a {
    min-width: 180px;
}
.tpshop-yu-hander-center .navBox .logined a i {
    display: inline-block;
    width: 16px;
    height: 6px;
    margin-left: 12px;
    background: url(../obaImg/headerIcon_1.png) no-repeat right center;
}
.tpshop-yu-hander-center .navBox .logined:hover a {
    background: #23283A;
}
.tpshop-yu-hander-center .navBox .logined:hover i {
    background: url(../obaImg/headerIcon_2.png) no-repeat right center;
}
.tpshop-yu-hander-center .navBox .logined ul {
    width: 100%;
    position: absolute;
    top: 96px;
    left: 0;
    padding-top: 2px; 
    background-color: #23283A;
    z-index: 999;
    display: none;
}
.tpshop-yu-hander-center .navBox .logined li {
    width: 100%;
    height: 62px;
    text-align: center;
    border-top: 1px solid #414860;
}
.tpshop-yu-hander-center .navBox .logined li a {
    color: #fff;
    line-height: 62px;
}
.tpshop-yu-hander-center .navBox .logined:hover ul {
    display: block;
}
/* 尾部 footer */
.tpshop-yu-footer {
    width: 100%;
    height: 106px;
    background-color: #363F64;
}
.tpshop-yu-footer-center {
    width: 1200px;
    margin: 0 auto;
    color: #66719F;
    text-align: center;
    line-height: 40px;
}
.tpshop-yu-footer-center h2 {
    font-size: 36px;
    font-weight: bold;
    padding-top: 24px;
}
.tpshop-yu-footer-center p {
    font-size: 12px;
}